@charset "UTF-8";
body { margin: 0; padding: 0; font-size: 14px;  font-family:"Microsoft YaHei"; overflow-x: hidden;background: #fff;}
ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, hr, img, div, label, span, p, table, tr, td { margin: 0; padding: 0; list-style: none; border: 0;}
ol,ul{ margin-bottom: 0;}
.h1, .h2, .h3,.h5, h1, h2, h3,h5{ margin-top: 0; margin-bottom: 0 }
.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
}
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none;outline: none !important;}
.trs{ -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
img{vertical-align: middle;}
a:focus, a:hover {
    text-decoration: none !important;
}

i,em{  display: block; font-style: normal; }
.fl{ float: left; }
.fr{ float: right; }
.clearfix{ clear: both; }
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.mt80{margin-top: 80px;}
.wrapper,.w1{width:100%;margin-left: auto;margin-right: auto;max-width:100%;}
.w1{width: 1759px;}
.wrapper{width: 1540px;}
button,input, select {
    outline: none; border:0; background:none;
}

:focus{
    outline: 0;
}
input[type=text] {
    -webkit-appearance: none;
}

@-moz-keyframes imageAnimation {
  from {
      transform: scale(1);
  }
  to {
      transform: scale(1.1);
  }
}@-o-keyframes imageAnimation {
  from {
      transform: scale(1);
  }
  to {
      transform: scale(1.1);
  }
}@-ms-keyframes imageAnimation {
  from {
      transform: scale(1);
  }
  to {
      transform: scale(1.1);
  }
}@keyframes imageAnimation {
  from {
      transform: scale(1);
  }
  to {
      transform: scale(1.1);
  }
}

.relative{position: relative;}
.bgf5f5f5{background: #f5f5f5;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.scale-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: block;
}
.scale-img img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
   transition: all .8s ease 0s;
}
.scale-img:hover img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}


.header{height:104px;position:fixed;top:0px;left:0px;width:100%;background:#fff;z-index:999;box-shadow: 0 4px 8px 0 rgb(0 0 0 / 16%);}
.w1{}
body{padding-top:104px;}
.header .w1{height:100%;position: relative;}
.header .logo{position: absolute;top:50%;margin-top: -24.5px;left:0px;}
.headcart{width:31px;height:31px;background:#ffa233 url(../images/cart.png) no-repeat center;border-radius:50%;position: absolute;right:0px;top:50%;margin-top:-15.5px;}
.en{font-size:18px;color: #333333;text-transform: uppercase;right:63px;position: absolute;line-height:18px;top:50%;margin-top:-9px;}
.en:hover{color:#ffa233;}
.searchico{width:19px;height:19px;background: url(../images/searchico.png) no-repeat center;top:50%;margin-top:-9.5px;right:126px;position: absolute; cursor:pointer;}
.searchico:hover{background: url(../images/searchicoh.png) no-repeat center;}
.searchico:after{content:"";display: block;width:2px;height:17px;background:#7a7a7a;position: absolute;right:-19px;}
.search_hide.active{display: block;}
.search_hide{width:525px;height: 59px;background:#fff;border-radius:50px;position: absolute;right:5.844%;top: 113px;z-index: 999;font-size: 16px;display: none;box-shadow: 0 4px 8px 0 rgb(0 0 0 / 16%);}
.search_hide input{width:100%;height:100%;line-height:59px;padding-left: 30px;font-size: 16px;}
.search_hide input::-webkit-input-placeholder {
        color: #cbcbcb;
        font-size: 16px;
    }
.btnsear{position: absolute;right: 32px;top: 50%;margin-top: -9.5px;}
.header .nav{position: absolute;right:219px;top:50%;margin-top:-22.5px;}
.header .nav > li{float: left;margin-left:64px;line-height:45px;height:45px;position: relative;}
.header .nav > li:nth-of-type(1){margin-left:0px;}
.header .nav a{font-size:18px;color:#333333;}
.header .nav li.hover > a,.header .nav li:hover > a{color: #ffa233;}
.header .nav > li:after{content:"";display: block;width:0px;height:2px;background:#ffa233;position: absolute;bottom:0px;left:0px;}
.header .nav li.hover:after{width:100%;}
#li1 .menu-popover,#li6 .menu-popover{width: 140px;margin-left: -70px;}
#li3 .menu-popover{width: 160px;margin-left: -80px;}
.menu-popover.menu-popover-open{display: block;opacity: 1;}
.menu-popover{display: none;opacity:0px;
position: absolute;
    cursor: default;
    width:200px;
    top: 30px;
    left:50%;
    margin-left: -100px;
    z-index: 1;
    display: none;
    padding: 18px 0 24px;

    background: #fff;
    border-radius: 0 0 1px 1px;
   /*  box-shadow: 0 4px 4px 0 rgb(0 0 0 / 10%); */
    line-height: 35px;
    text-align: center;
    z-index: 9999;
    
}
.menu-popover li:hover{
  transition: all .5s ease 0s;
    transform: translate(0,-2px);

}
.menu-popover ul li:nth-of-type(1){margin-top: 20px;}
.menu-popover li:hover a{color:#ffa233;}
.menu-popover li a{
    color: #333;
    outline: 0;
    word-break: keep-all;
    white-space: nowrap;
    font-size: 16px!important;
}


.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-400px; margin-top:-210px; z-index:100; width:800px; height:360px; }
.videos #video{width:100%;height:100%; object-fit: fill;max-width:100%;}
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

.mobi_nav_default{display: none;}

#hamburger {
  cursor: pointer;
  float: right;
  margin-top: 7px;
  margin-right: 3%;
}
#hamburger span,
#hamburger::before,
#hamburger::after {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  background-color: #181818;
  margin: 8px 0;
  transition: 0.3s;
  text-indent: -999em;
}
.mobi_navBar.current #hamburger::before {
  transform: translate(0, 10px) rotate(-45deg);
}
.mobi_navBar.current #hamburger span {
  opacity: 0;
}
.mobi_navBar.current #hamburger::after {
  transform: translate(0, -10px) rotate(45deg);
}
.wrapper.hamburger::after {
  content: "";
  display: block;
  height: 0;
  clear: left;
}
.mobi_navfixed_bottom .bt_bb_icon_holder{
    color: #fff;
    text-align: center;
    margin:1em 0;
}

.menumob{display: none;}

.footer{position: relative;}
.footer_top{background:#022e59;padding-top: 88px;color:#fff;}
.footer_copyright{background: #0c2d4d;border-top:solid 1px #4e6d8b;}
.footabout,.footcontact,.footleave{float: left;}
.footabout{width: 37.27%;}
.footabout dt,.footcontact dt,.footleave dt,.footshare dt{padding-left: 34px;font-size:18px;color:#fff;}
.footabout dt{background: url(../images/foot_ico1.png) no-repeat left center;}
.footabout dd,.footcontact dd,.footleave dd{font-size:16px;color:#fff;line-height:30px;margin-top:25px;}
.footcontact dd a{color: #fff;}
.footabout dd{width:79%;}
.footcontact{width:33.25%;}
.footcontact dt{background: url(../images/foot_ico2.png) no-repeat left center;}
.footcontact dd p{margin-bottom: 22px;}
.footleave input{color:#fff;width: 80%;}
.footcontact dd p:last-of-type{margin-bottom:0px;}
.footleave{width:29.48%;}
.footleave dt{background: url(../images/foot_ico3.png) no-repeat left center;}
.footleave dd p{border:solid 1px #9aabbd;border-radius: 5px;margin-bottom: 29px;padding-left: 18px;line-height:40px;height: 40px;color:#fff;}
.footleave dd p:nth-of-type{margin-bottom:0px;}
.footleave dd p a{color:#fff;display: block;width: 100%;height: 100%;text-align: center;line-height: 40px;}
.footer_top .wrapper{padding-bottom: 84px;position: relative;}
.footshare{position: absolute;bottom:86px;left:0px;}
.footshare dt{background: url(../images/foot_ico4.png) no-repeat left center;}
.footshare a{display: block;width:38px;height:38px;float: left;margin-right: 37px;margin-top: 30px;}
.footshare a:last-of-type{margin-right:0px;}
.footwx{position: absolute;left:0px;top:99px;display: none;z-index: 99;}
.footshare2a{left:75px;}
.footshare3a{left:150px;}
.footshare4a{left:225px;}
.footshare5a{left:300px;}
.footshare6a{left:375px;}
.footshare7a{left:450px;}
.footwx.hover{display: block;}
.footer_copyright{background:#0c2d4d;border-top:solid 1px #4e6d8b;padding:23px 0px;color: #ffffff;font-size:14px;    overflow: hidden;}
.footer_copyright a{color:#fff;}
.footer_copyright a:hover{color:#ffa63b;}
.footer_copyright p{position: relative;}
.footer_copyright p:last-of-type{margin-top:12px;}
.footer_copyright p:last-of-type a{margin-right: 26px;}
.footer_copyright p:last-of-type a.last{margin-right:0px;margin-right:0px!important;}
.footer_copyright p:nth-of-type(1) span:nth-of-type(1){margin-right: 24px;}
.footer_copyright label{padding-left:19px;padding-right: 19px;}
.footer_copyright .sitemap,.footer_copyright .shengming,.footer_copyright .support{position: absolute;}
.footer_copyright .shengming,.footer_copyright .support{right:0px;}
.footer_copyright .sitemap{right: 80px;}
.footer_copyright p:last-of-type a.support{margin-right:0px;}
.footleave p:last-of-type{margin-bottom:0px;padding-left:0px;}
.footleave p:last-of-type:hover{background:#ffa233;border:solid 1px #ffa233;}
.footleave p:last-of-type:hover a{color:#fff;}
.message_dialog_wrap{ right: 2.8%;bottom: 107px;position: fixed;width:0px;height: 316px;z-index:2;}
.message_dialog_wrap.hover{display:block;}
.message,.gototop{position: fixed;right:2.8%;width:60px;height:60px;border-radius:50%;border:solid 1px #e2e2e2;z-index:9999;cursor:pointer;}
.message{background:#fff url(../images/foot_bot1.png) no-repeat center;bottom:107px;}
.gototop{background:#fff url(../images/foot_bot2.png) no-repeat center;bottom:36px;}
.message:hover,.message.hover{background:#ffa233 url(../images/foot_bot1h.png) no-repeat center;border:solid 1px #ffa233;}
.gototop:hover{background:#ffa233 url(../images/foot_bot2h.png) no-repeat center;border:solid 1px #ffa233;}
.message_dialog.active{display: block;}
.message_dialog{width: 292px;height: 316px;background:#fff;position: fixed;right:7.5%;bottom: 107px;border-radius:10px;padding-left: 58px;padding-top: 46px;display: none;z-index:999;box-shadow: 0 4px 8px 0 rgb(0 0 0 / 16%);}
.message_dialog p{font-size:16px;color:#000000;font-weight:bold;}
.message_dialog span{font-size: 14px;color:#666666;padding-top: 10px;display: block;margin-bottom: 24px;}
.message_dialog span a{color: #666;}
.message_dialog img{width: 103px;height: 103px;margin-top: 12px;}
/* hezuohuoban */
.parterul li{border:solid 1px #f3f3f3;float: left;margin-right: 76px;margin-top: 30px;position: relative;overflow: hidden;}
.parterul li img{width:191px;height:88px;}
.parterul li:nth-of-type(6n){margin-right:0px;}
.parterul li p{-webkit-transition: all 0.3s ease; transition: all 0.3s ease;position: absolute;height: 100%;width:100%;background:#ffa63b;color: #ffffff;font-size:18px;line-height:88px;top:100px;left:0px;text-align: center;opacity:0;}
.parterul li:hover p{opacity:1;top: 0px;}

/* 典型案例 */
.application_item_txt p{font-size:24px;color:#000;margin-bottom: 23px;
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    
}
.application_item_txt span{font-size:16px;color:#666666;line-height:28px;
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    
}
.application_item_txt em{position: absolute;right:27px;bottom:40px;width:23px;height:15px;display: block;background: url(../images/indexjt.png) no-repeat center;}


@media screen and (max-width:1600px) {
.w1{width: 1220px;}
.wrapper{width: 1200px;}
.header{height: 83px;}
body{padding-top:83px;}
.header .nav > li{margin-left: 40px;}
.header .logo{margin-top: -19.6px;}
.header .logo img{height: 39.2px;}
.header .nav a{font-size: 16px;}
.menu-popover li a{font-size:14px!important;}
.parterul li{margin-right:54px;margin-top:24px; }
.parterul li img{width:153px;height: 70px; }
.parterul li p{line-height: 70px;}
.footabout dt, .footcontact dt, .footleave dt, .footshare dt{font-size:16px;}
.footabout dd, .footcontact dd, .footleave dd{font-size:14px;}
.footcontact dd p{margin-bottom: 16px;}
.footabout dd{width:85%;}
.footleave dd p{height:32px;line-height:32px;margin-bottom: 24px;}
.footleave dd p a{line-height:32px;}
.footer_copyright{font-size:13px;}
.message_dialog{right:9.5%;}
.search_hide{width:422px;height:48px;line-height:48px;top:100px;}
.search_hide input{line-height:48px;}
}

@media screen and (max-width:1080px) {
  .mobi_nav_default{display:block;}
.header .w1,.wrapper{width: 96%;margin-left:2%;margin-right:2%;}
.header .nav{display: none;}
.header .logo img{height: 30px;}
.header .logo{margin-top: -15px;}
.header{height:65px;}
body{padding-top:65px;}
/*.headcart,.footer_top,.message, .gototop,.footer_copyright p:last-of-type,.footer_copyright .shengming, .footer_copyright .support{display: none;}*/

.headcart,.footer_copyright .support{display:none;}
.footer_top{padding-top:40px;}
.footer_top .wrapper{padding-bottom:40px;}
.footabout,.footabout dd,.footcontact,.footleave{width:100%;float:none;}
.footshare{position: relative;bottom: initial;}
.footshare,.footcontact,.footleave{margin-top:25px;}
.footshare dd{display:flex;    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;}
.footshare a{margin-right:auto;}
.footer_copyright p span{display: block;margin-right:0px!important;width: 100%;text-align: center;}
.footer_copyright p{line-height: 28px;position:static;}
.footer_copyright label{padding-left: 5px;padding-right: 5px;}
.footer_copyright p:last-of-type{clear:both;margin-top:12px;margin-bottom:12px;overflow:hidden;}
.footer_copyright p:last-of-type font{float:left;}
.footer_copyright p:last-of-type a{display:block;float:left;margin-right:15px;}
.footer_copyright .support{clear:both;bottom:10px;left:2%;}
.footer_copyright .sitemap{bottom:10px;left:50%;}
.footer_copyright .shengming{bottom:10px;right:2%;}
.footer_copyright{position:relative;padding-bottom:30px;font-size:14px;}
.message_dialog{width:70%;right:15%;bottom: calc(0% + 167px);}


.parterul li{width: 48%;float: left;margin-right:0px;}
.parterul li:nth-of-type(even){float: right;}
.parterul li img{width: 100%;height: auto;}


.headermob{height: 65px;position: relative;}
.mobi-logo img{max-height: 40px;position: absolute;top: 50%;margin-top: -20px;}
#hamburger {
  cursor: pointer;
  float: right;
  margin-top: 16px;
  margin-right:0px;
}

#hamburger span,
#hamburger::before,
#hamburger::after {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  background-color:#022e59;
  margin: 8px 0;
  transition: 0.3s;
  text-indent: -999em;
}

.mobi_navBar.current #hamburger::before {
  transform: translate(0, 10px) rotate(-45deg);
}

.mobi_navBar.current #hamburger span {
  opacity: 0;
}

.mobi_navBar.current #hamburger::after {
  transform: translate(0, -10px) rotate(45deg);
}

.wrapper.hamburger::after {
  content: "";
  display: block;
  height: 0;
  clear: left;
}
.first{font-size:18px;font-weight:bold;}
.second{font-size:16px;}
.search_hide{width:100%;right:0px;height:40px;line-height:40px;top:75px;}
.search_hide input{line-height:40px;}
.videos{width:96%;margin-left:2%;margin-right:2%;left:0px;height: 40vh;margin-top:-20vh;}
.footwx{width:70px;height:auto;clip: rect(4px 70px 700px 0px);}
.footshare2a{left:43px;}
.footshare3a{left:86px;}
.footshare4a{left:129px;}
.footshare5a{left:initial;right:86px;}
.footshare6a{left:initial;right:43px;}
.footshare7a{left:initial;right:0px;}
}